<template>
  <el-input
    :type="type"
    :value="value"
    :rows="rows"
    :disabled="disabled"
    :placeholder="placeholder"
    @input="onInput"
    resize="none"
  />
</template>

<script lang="ts">
import { Component, Vue, Model, Prop, Emit } from "vue-property-decorator";
// other

@Component({ name: "BaseInput" })
export default class BaseInput extends Vue {
  @Prop(Number) rows?: number;
  @Prop(String) type?: string;
  @Prop(Boolean) disabled?: boolean;
  @Prop(String) placeholder?: string;
  @Model("input") value!: string;
  @Emit("input")
  onInput(val: string) {
    return val;
  }
}
</script>

<style lang="scss" scoped></style>
